<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<link rel="shortcut icon" href="/asserts/images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="/asserts/css/newShop.css">
<head th:replace="common/main_layout::head">
</head>
<body class="main_body">
<div class="layui-layout layui-layout-admin">
    <!--导航栏-->
    <header th:replace="~{common/main_layout::header(active='shop')}"></header>
    <!--导航栏-->
    <div class="shop-body layui-container padding">
        <h2 class="shop-title" style="color: #009688">
            积分商城
            <p style="float: right; font-size: 16px;padding-top: 15px;">您的积分：
                <span id="integral"></span>
            </p>
        </h2>

        <hr/>
        <!--    <input type="text" hidden="hidden" id="userIntegral" th:value="${session.user.getIntegral()}">-->
        <div class="layui-row layui-col-space15">
            <div class="container text-center m-t-30">
                <div class="ht-tabs ht-tabs-product text-center">
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="tab-description">
                            <div class="row"  id="goods-item">
                                <div class="layui-col-md3 layui-col-sm6" th:each="shop,loopStatus:${goodslist}">
                                    <div class="product-item">
                                        <a>
                                            <img class="img-responsive" th:src="${shop.goodsImage}" alt="image">
                                        </a>
                                        <div class="product-caption">
                                            <h4 class="product-name">
                                                <span>[[${shop.goodsName}]]</span>
                                            </h4>
                                            <div class="product-price-group">
                                                <span class="product-count count" style="display: none" th:value="${shop.goodsCount}">[[${shop.goodsCount}]]</span>
                                                <span class="product-price price" th:attr="price=${shop.goodsPrice}">[[${shop.goodsPrice}]]<span class="font-small">积分</span></span>
                                                <span class="product-count count" th:value="${shop.goodsPrice}">剩余[[${shop.goodsCount}]]件</span>
                                            </div>
                                            <div class="ht-btn-group">
                                                <button class="exchange layui-btn layui-btn-fluid" th:id="${shop.goodsId}">兑换</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--        <div class="shop-item layui-col-md3 layui-col-sm6" th:each="shop,loopStatus:${goodslist}">-->
            <!--            <div class="shop-item-img">-->
            <!--                <a href="#"><img th:src="${shop.goodsImage}" alt=""></a>-->
            <!--            </div>-->
            <!--            <div class="shop-item-name">-->
            <!--                <p th:text="${shop.goodsName}">商品名称</p>-->
            <!--            </div>-->
            <!--            <div class="shop-item-number">-->
            <!--                <p>剩余数量：<span th:text="${shop.goodsCount}" class="layui-badge layui-bg-orange">111</span></p>-->
            <!--            </div>-->
            <!--            <div class="shop-item-integral">-->
            <!--                <p>所需积分：<span th:text="${shop.goodsPrice}" th:id="${loopStatus.index}+1+'price'" class="layui-badge layui-bg-blue">111</span></p>-->
            <!--            </div>-->
            <!--            <button class="layui-btn layui-btn-fluid" th:id="${shop.goodsId}">我要兑换</button>-->
            <!--        </div>-->
            <!--    </div>-->
            <div style="display: none;" id="rocket-to-top">
                <div style="opacity:0;display: block;" class="level-2"></div>
                <div class="level-3"></div>
            </div>
            <div style="height: 10px;"></div>
        </div>
        <!--页尾-->
    </div>

    <footer th:replace="common/main_layout::footer"></footer>
</div>

<script th:src="@{/asserts/js/shop.js}"></script>
<script src="/asserts/js/jquery.SuperSlide.2.1.1.js"></script>

</body>
</html>